<template>
    <div class="operation-log">
        <div class="log">
            <el-table border :data="logData" style="width: 100%">
                <el-table-column label="用户IP" prop="ip"></el-table-column>
                <el-table-column label="登入时间" prop="loginDate"></el-table-column>
                <el-table-column label="登出时间" prop="outDate"></el-table-column>
                <el-table-column label="操作人" prop="person"></el-table-column>
                <el-table-column label="操作内容" prop="content"></el-table-column>
            </el-table>
        </div>
    </div>
</template>

<script>

export default {
    name: 'user-profile',
    data() {
        return {
            logData: [{
                ip:"265656",
                loginDate: 'xxxx',
                outDate: 'xxxx',
                person: "xxxx",
                content: "xxxx"
            },{
                ip:"265656",
                loginDate: 'xxxx',
                outDate: 'xxxx',
                person: "xxxx",
                content: "xxxx"
            },{
                ip:"265656",
                loginDate: 'xxxx',
                outDate: 'xxxx',
                person: "xxxx",
                content: "xxxx"
            },{
                ip:"265656",
                loginDate: 'xxxx',
                outDate: 'xxxx',
                person: "xxxx",
                content: "xxxx"
            }]
        }
    },
    mounted() {

    },
    methods: {

    }
}
</script>

<style lang="scss" scoped>
.operation-log {
    .log {
        padding: 50px 20px;
    }
}
</style>